<h1 class="demo-title">form</h1>

<div class="layout-flex">
    <div class="col-flex-1 pr20">

<pre lang-prism class="language-html">
<code class="language-html">
&lt;div class="form-input-area"&gt;
    &lt;div class="has-iconbefore"&gt;
        &lt;input type="text" class="login-input form-control" placeholder="用户名/邮箱/手机号"&gt;
        &lt;span class="form-control-icon fa fa-user"&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="hr"&gt;&lt;/div&gt;
    &lt;div class="has-iconbefore"&gt;
        &lt;input type="password" class="login-input form-control ng-pristine ng-untouched ng-valid" placeholder="登录密码"&gt;
        &lt;span class="form-control-icon fa fa-lock"&gt;&lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="login-button-area"&gt;
    &lt;button class="btn btn-primary btn-block"&gt;登录&lt;/button&gt;
&lt;/div&gt;
</code>
</pre>
    </div>
    <div class="device-bg">
        <div class="device-content" style="padding:0;">
            <div class="form-input-area">
                <div class="has-iconbefore">
                    <input type="text" class="login-input form-control" placeholder="用户名/邮箱/手机号">
                    <span class="form-control-icon fa fa-user"></span>
                </div>
                <div class="hr"></div>
                <div class="has-iconbefore">
                    <input type="password" class="login-input form-control ng-pristine ng-untouched ng-valid" placeholder="登录密码">
                    <span class="form-control-icon fa fa-lock"></span>
                </div>
            </div>
            <div class="login-button-area">
                <button class="btn btn-primary btn-block">登录</button>
            </div>
        </div>
    </div>
</div>

